<template>
	<view class="shopItem flex align-center justify-between" @click="toshop">
		<image class="shopLogo" :src="datas.cover_url"></image>
		<view class="shopText flex flex-direction justify-between">
			<view class="shopName">{{datas.name}}</view>
			<view style="font-size: 24upx;color: #aaa;" class="flex align-center">
				<view class="nodetext" style="width: 500upx;">{{datas.address}}</view>
				
			</view> 
			<view style="font-size: 22upx;" class="flex align-center justify-between">
				<view class="couponItem">美试券抵现{{datas.rate}}%</view>
				<text style="color: #ff5f55;">{{datas.distance}}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props:{
		datas:''
	},
	data() {
		return {

		};
	},
	onLoad(options) {

	},
	methods: {
		loadData(id) {
			this.$request({
				url: '',
				data: {
					id: id
				}
			}).then(response => {
				if (response.code === 0) {
					this.topic = response.data.list
				}
			}).catch(e => {

			});
		},
		toshop(){
			uni.navigateTo({
				url:'/pages/WB/shopIndex?id='+this.datas.id
			})
		}
	}
}
</script>

<style scoped>
	.couponItem{
		line-height: 34upx;
		padding: 0 10upx;
		border: 1px solid #ccc;
		border-radius: 6upx;
		margin-right: 10upx;
	}
	.shopName{
		font-weight: bold;
		font-size: 28upx;
		
	}
	.shopText{
		height: 130upx;
		margin-left: 20upx;
		flex-grow: 1;
	}
	.shopLogo{
		width: 130upx;
		height: 130upx;
	}
	.shopItem{
		background: #fff;
		width: 100%;
		padding: 25upx;
		border-bottom: 1px solid #eee;
	}
</style>
